<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XX班级 - 专业作业中心</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header class="site-header">
        <h1>🚀 XX大学 XX班级 作业中心</h1>
        <p>专注、高效、协作</p>
    </header>

    <main class="container">
        <section class="deadline-alert">
            <h2>⏰ 即将截止</h2>
            <ul>
                <li><strong>【明天】</strong> 数据结构 - 实验三：树形结构应用</li>
                <li><strong>【3天后】</strong> 英语 - 单元作文</li>
            </ul>
        </section>

        <section class="homework-list">
            <h2>📚 全部作业</h2>
            <table>
                <thead>
                    <tr>
                        <th>课程</th>
                        <th>作业内容</th>
                        <th>截止时间</th>
                        <th>状态</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="urgent">
                        <td>数据结构</td>
                        <td>实验三：树形结构应用（提交报告和代码）</td>
                        <td>2024-10-25 23:59</td>
                        <td><span class="status-badge doing">进行中</span></td>
                    </tr>
                    <tr>
                        <td>高等数学</td>
                        <td>第三章习题 P50-P55</td>
                        <td>2024-11-01 23:59</td>
                        <td><span class="status-badge todo">待开始</span></td>
                    </tr>
                    <tr class="completed">
                        <td>C语言</td>
                        <td>实验二：链表实现</td>
                        <td>2024-10-10 23:59</td>
                        <td><span class="status-badge done">已提交</span></td>
                    </tr>
                </tbody>
            </table>
        </section>
    </main>

    <footer class="site-footer">
        <p>© 2024 XX班级. 学委维护. </p>
    </footer>
</body>
</html>